/*
Theme Name: VietMoz WP
Theme URI: http://thietkeweb.vietmoz.com/
Author: VietMoz
Author URI: http://thietkeweb.vietmoz.com/
Description: The bare bone theme for future projects of VietMoz
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/

// Include
@import "functions.scss";
@import "m_variables.scss";
/* =reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}
html {
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after {
	@include box-sizing;
}
body {
	background: $bg-color;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
article ul, article ol {
	list-style: disc;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  &:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
  }
  p {
  	display: inline;
  }
}
a {
	color: $link-color;
	text-decoration: none;
	&:hover, &:active {
		text-decoration: underline;
		outline: 0;
	}
	&:focus {
		outline: thin dotted;
	}
	img {
		border: 0;
	}
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
p {
	text-align: justify;
}
button, input[type="submit"], input[type="search"] {
	outline: 0;
}
/* =Layout */
#site-container {
	width: $container;
	margin: 0 auto;
}
.wrap {
	width: $wrap;
	margin: 0 auto;
}
/* =Header */
header {
	.header-sidebar {
		text-align: right;
	}
}
/* =Top nav */
/* =Logo */
/* =Menu */
.main-nav {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-nav li {
	float: left;
	position: relative;
}
.main-nav a {
	display: block;
	text-decoration: none;
}
.main-nav ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
	left: 0;
	z-index: 99999;
}
.main-nav ul ul ul {
	left: 100%;
	top: 0;
}
.main-nav ul ul a {
	width: 200px;
}
.main-nav ul ul li {
}
.main-nav li:hover > a {
}
.main-nav ul ul :hover > a {
}
.main-nav ul ul a:hover {
}
.main-nav ul li:hover > ul {
	display: block;
}
.main-nav li.current_page_item a,
.main-nav li.current-menu-item a {
}
/* =Main */
/* =Sidebar */
.widget-area .widget > div, .widget-area .widget > form {
}
/* =Footer */
/* =Footer 1st row */
/* =Footer col */
/* =Footer 1st col */
/* =Footer 2nd col */
/* =Footer 3rd col */
/* =Footer 4th col */
/* =Footer 3rd row */
/* =Widgets */
/* =Home */
/* =Category */
/* =Single */
/* =Page */